<%--
  Created by IntelliJ IDEA.
  User: 梁玉杰
  Date: 2021/7/16
  Time: 15:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>智慧校园-学生管理</title>
    <%--Layui的css--%>
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/libs/layui/css/layui.css"
          media="all">
    <%--Layui的js--%>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/libs/layui/layui.js"
            charset="utf-8"></script>
    <%--jquery的js--%>
    <script type="text/javascript"
    src="${pageContext.request.contextPath}/libs/jquery/jquery-3.5.1.js"></script>
    <%--引入自己的JS代码--%>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/js/student/stulist.js"></script>

</head>
<body>

<%--是js获取到项目名称--%>
    <div>
        <input id="basePath" hidden value="${pageContext.request.contextPath}"/>
    </div>

<%--模糊查询--%>
<div>

    <div class="layui-form-item">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-block">
            <input type="text" id="stuName" name="stuName" lay-verify="studentName"
                   style="width: 175px;"  autocomplete="off" placeholder="请输入姓名" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item" >
        <div class="layui-inline">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-inline">
                <input type="tel" id="mobile" name="mobile" lay-verify="required|mobile"
                       style="width: 175px;"     autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>
        <div class="layui-input-block">
            <select name="sex" id="sex" lay-filter="sex">
                <option value=""></option>
                <option value="F">女生</option>
                <option value="M">男生</option>
            </select>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">年龄</label>
        <div class="layui-input-block">
            <input type="text" id="age" name="age" lay-verify="age" autocomplete="off" placeholder="请输入年龄" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">身份证号</label>
        <div class="layui-input-block">
            <input type="text" id="idNum" name="idNum" lay-verify="idNum" autocomplete="off" placeholder="请输入身份证号" class="layui-input">
        </div>
    </div>

    <%--查询按钮--%>
    <div class="layui-btn-container">
        <button type="button" onclick="findStudentInfo()" class="layui-btn layui-btn-normal">查询</button>
<%--
        <button type="button" onclick="findStudentInfo()" class="layui-btn">查询</button>
--%>
    </div>

</div>

<table class="layui-hide" id="test" lay-filter="test"></table>

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
        <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
        <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
    </div>
</script>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>


</body>
</html>
